/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	background: #fff;
}


/* Header Style */

/* To Navigation Style */


.container {
	height: 100%;
	position: relative;
	width:200px;
}

.container > section {
	margin: 0 auto;

	color: #fff;
}

.container > section p {
	position: relative;
	margin: 0;
	z-index: 1;
}

.container > section p.text {
	font-size: 1.4em;
}

.no-touch .note-touch {
	display: none;
}

.color-1 {
	
}


.container > section.info p {
	color: #fff;
	font-size: 1.3em;
}

.container > section.info p a {
	color: #fff;

}

.container > section.info p a:hover {
	color: #0c69a4;
}

